(function(){
	@@include("./common/_menu.js")
	@@include("./common/_popWindow.js")
	var $avatar = $(".avatar");
	var $pas = $(".pas");
	$avatar.find("i").on("click",function(){
		$("#img-upload").click();
	})
	$(".sub-menu").find("li").on("click",function(){
		var index = $(this).index();
		$(this).addClass("current").siblings().removeClass("current");
		$(".block").eq(index).removeClass("hide").siblings(".block").addClass("hide");
	})
	$(".list").on("focus","input[type='text'],input[type='password']",function(){
		$(".list").find("input[type='text'],input[type='password']").removeClass("focus");
		$(this).addClass("focus");
	})
	$(".list").on("blur","input[type='text'],input[type='password']",function(){
		$(this).removeClass("focus");
	})
	$pas.on("click",".see",function(){
		$(this).removeClass("see").addClass("no-see");
		$pas.find(".pas-encry").addClass("hide");
		$pas.find(".pas-see").removeClass("hide");
	})
	$pas.on("click",".no-see",function(){
		$(this).removeClass("no-see").addClass("see");
		$pas.find(".pas-encry").removeClass("hide");
		$pas.find(".pas-see").addClass("hide");
	})
	$pas.find(".pas-encry").on("keyup blur",function(){
		$pas.find(".pas-see").val($(this).val());
	})
	$pas.find(".pas-see").on("keyup blur",function(){
		$pas.find(".pas-encry").val($(this).val());
	})
	$(".change-password").on("click",function(){
		$("html").addClass("fixation");
		$popWindow.removeClass("hide").find(".change-pwd").removeClass("hide");
	})
	$("#img-upload").on("change",function(){
		try{
			var reader = new FileReader();
        	reader.readAsDataURL($(this)[0].files[0]); 
        	reader.onload = function(e) {
        		$avatar.find("img").attr("src",e.target.result);
        	}
		}catch(e){
			console.log(e);
		}		
	})
})()